<!DOCTYPE html>
<html>

<head>
	<title>SICCR AUTH SYS</title>
	
	<meta name="description" content="Web Development" />
	<meta name="keywords" content="HTML,CSS,XML,JavaScript,JAVA,PHP" />
	<meta name="author" content="Jeffrey Perez" />
	<meta charset="UTF-8" />
	
	<link rel="stylesheet" type="text/css" href="/css/siccr.css">
	<style type="text/css">
	body {
		background-color: #fff;
		color: #A9DA92;
	}
	.roundMe {
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px; 
	}
	.roundMeLeft {
		border-radius: 15px 5px 5px 15px;
		-moz-border-radius: 15px 5px 5px 15px;
		-webkit-border-radius: 15px 5px 5px 15px; 
	}
	#loginform {		
		position: relative;
	    top: 100px;
		width: 430px;
		margin: 0 auto;
		padding: 15px;
		border: 1px solid #c0c0c0;
		font-weight: bold;		
	}
	#loginform .logo {
		height: 70px;
		width: 100%;				
	}
	input {
		color: #0099cc;
	}
	input#auth-submit {
		background-color:#fff ;
		border: 3px solid #f4f4f4;
		color: #0099cc;
	}
	.left {
		float: left;
	}
	.right {
		float: right;
	}
	.clearb {
		clear: both;
	}
	</style>
</head>

<body>
	
	<form name="loginform" id="loginform" action="/auth.go" method="post" class="roundMe">
		<div class="left">
			<p class="logo"><img id="logo" alt="SICCR" src="img/logo.png"/></p>
		</div>
		
		<div class="right">
			<p>
				<label>User:<br> 
				<input name="log" id="user_login" class="input" size="20" tabindex="10" type="text">
				</label>
			</p>
			<p>
				<label>Password:<br> 
				<input name="pwd" id="user_pass" class="input" value="" size="20" tabindex="20" type="password">
				</label>
			</p>
			<p class="forgetmenot">
				<label>
				<input name="rememberme" id="rememberme" value="forever" tabindex="90" type="checkbox"> Remember Me</label>
			</p>
			<p class="submit">
				<input name="wp-submit" id="auth-submit" value="Log In" tabindex="100" type="submit" class="roundMeLeft"> 
			</p>
			
		</div>
		<br class="clearb"/>
	</form>

</body>

</html>